import IElTable from './../IElTable/index.vue';
export default {
  props: {
    // 表格列字段集合
    tableFields: {
      type: Array,
      default: () => [],
    },
    // 默认选中的表格行
    checkRowKeys: {
      type: Array,
      default: () => [],
    },
    isMultiple: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
      tableConfig: {
        loading: true,
        selectable: true, // 是否选择能力
        multiple: this.isMultiple, // 是否多选
        rowKey: 'id', //表格数据主键
        indexable: true, // 是否有序列号
        selection: [],
        // indexMethod: indexHandler, // 序号显示的方式
        indexLabel: 'No', // 序列号的表头名字
        summary: false, // 表格底部汇总
        emptyText: '无数据', // 没有数据的时候显示
        border: false,
        pagination: {
          total: 200,
          pageSize: 10,
          pageNumber: 1,
          onChange: this.onChangePageHandler, // 分页事件
          layout: 'prev, pager, next',
        },
        defaultValue: this.checkRowKeys,
        selectionChange: (selectList) => {
          // 单选多选回调
          console.log(selectList, '点击的单选/多选');
          // tableConfig.selection = selectList;
          this.$emit('change', selectList);
        },
      },
    };
  },
  mounted() {
    setTimeout(() => {
      this.tableConfig.loading = false;
    }, 1000);
    console.log(this.checkRowKeys, '????');
  },
  methods: {
    // 修改分页
    onChangePageHandler(pageNumber, pageSize) {
      console.log(pageNumber, pageSize);
      this.tableConfig.pagination.pageNumber = pageNumber;
      this.tableConfig.pagination.pageSize = pageSize;
      this.$emit('changePage', { pageNumber: pageNumber, pageSize: pageSize });
    },
    // 键盘回车
    keyEnterHandler(selectRowList) {
      this.$emit('keyEnter', selectRowList);
    },
  },
  components: {
    IElTable,
  },
};
